<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- <input type="text" name="" id="" placeholder="请输入">

  <script>
    document.querySelector('input').addEventListener('change', function () {
      console.log(this.value, 111);
    })
  </script> -->


  <script>
    /*
    1、axios====单独的第三方库===封装是基于Promise封装来的
    2、XMLHttpRequest===原生的异步请求对象
    3、ajax=====jquery第三方库====需要引入jquery.min.js====使用方法跟axios一致=====原理：基于XMLHttpRequest封装出来的
    4、fetch====原生的===也是一个Promise===是es6新出的 是XMLHttpRequest的替代品==不需要任何引入
    */
  </script>

  <button>按钮</button>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script>
    $(document).ready(function () {
      /* 入口 */
      // $.ajax({
      //   // url: 'http://hmajax.itheima.net/api/province',
      //   url: 'http://hmajax.itheima.net/api/city?pname=湖北省',
      //   type: 'get',
      //   success: (res) => {
      //     console.log(res, 999);
      //   }
      // })
      $.ajax({
        // url: 'http://hmajax.itheima.net/api/province',
        url: 'http://hmajax.itheima.net/api/register',
        type: 'post',
        data: {
          username: '1uuu1234321',
          password: '1uuu1234321'
        },
        success: (res) => {
          console.log(res, 999);
        }
      })

    })

    /* 原生js入口函数
     $(document).ready(function () {
    window.onLoad=function(){

    }
    */

  </script>


  <!-- fetch===原生里面提供的一个新的方法 -->
  <script>
    // fetch(url, options).then(function (response) {
    //   // 处理 HTTP 响应
    // }, function (error) {
    //   // 处理网络错误
    // })
    // fetch('http://hmajax.itheima.net/api/province')
    //   .then(function (res) {
    //     return res.text()
    //     // 处理 HTTP 响应
    //   }).then(function (response) {
    //     console.log(response, 99);
    //     // 处理 HTTP 响应
    //   })
    fetch('http://hmajax.itheima.net/api/register', {
      method: "post",
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        username: '1112111221uuu1234321aaaaa',
        password: '112111221uuu12343aa21'
      })
    })
      .then(function (res) {
        return res.text()
        // 处理 HTTP 响应
      }).then(function (response) {
        console.log(response, 99);
        // 处理 HTTP 响应
      })
  </script>
</body>

</html>